<template>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">Main Page</h3>
                </div>
                <div class="panel-body">
                    <ul>
                        <li><a href="">我的笔记</a></li>
                        <li><a href="">我的博客</a></li>
                        <li><a href="">我的大学</a></li>
                        <li><a href="">我的家乡</a></li>
                    </ul>
                </div>
                </div>  
        </div>
        </div>
    </div>
</template>

<script>
export default {
    name:'MainPage',
    data(){
        return{

        }
    }
}
</script>
<style scoped>
    .row {
        width:300px;
    }
    /* .li {
        width: 50px;
    } */ 
</style>
